<!DOCTYPE html>
<html>	
	<head>
		<meta charset="utf-8">
		<title>边框属性</title>
		<style>
			div{
				width:100%;
				height:200px;
				/* 符合属性 border属性，功能：1. 确定页面元素是否抓取成功
				                            2.页面边框效果
				*/
				border: 1px solid red;
				/* 边框宽度 border-width属性 */
				border-width: 20px;
				/* 边框方向宽度 border-方向-width属性 */
				border-left-width: 100px;
				border-bottom-width: 10px ;
				/* 边框方向颜色宽度 border-方向-颜色-宽度属性  不可以  分开坐 */
				/* 边框样式属性：实线√  虚线  电线  双实线 */
				border-bottom-style: double;
				/* 练习：   左边框宽度调整为1px   设置虚线
				            有边框宽度调整为6px  设置点线
				 */
				border-bottom-width: 30px ;
				border-bottom-style: dotted;
				border-bottom-width: 30px ;
				border-bottom-style: dashed;
				/* 边框方向属性颜色 */
				border-left-color:aqua;	
				border-top-color:blue;
				/* 边框倒角 */
				border-radius: 10px 20px 30px 40px;
				/* border-radius:3个值【顺时针】
				 左上 右上+左下 右下
				                2个值
                 左上+右下  右上＋左下
				                1个值
		         左上  右下  左下  右上
				 */
				border-radius:10px 20px 30px 40px;
				/* 不规则性转：border-radius方向 */
				
			}
			
		</style>
	</head>
	<body>
		
	</body>
</html>